<template>
    <div>
        <p>{{ info }}</p>
    </div>
</template>

<script>
export default {
    name: 'axios-get',
    data() {
        return {
            info: null
        };
    },
    // created函数，是vue生命周期中的一个钩子函数，在模板渲染成html或者编译进路由前调用created
    // mounted函数，也是vue生命周期中的一个钩子函数，在模板已经渲染成html之后调用
    created() {
        axios
            .get('http://localhost:5000/api')
            .then(response => (this.info = response.data))
            .catch(function(error) {
                // 请求失败处理
                console.log(error);
            });
    }
};
</script>

<style></style>
